<template>
	<div id='tmpl'>
		<h4 v-text='info.title'></h4>
		<p class='line'></p>
		<ul class="img_1" v-for="item in list">
			<li><img :src='item.img_url' alt=""></li>
		</ul>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				id:0,
				info:{
					'title':'华为pro 10秒天秒地秒空气'
				},
				list:[
				{
					'img_url':'//img20.360buyimg.com/vc/jfs/t17767/35/1683449769/460517/4bc84fed/5ad44fa8Nfcf71c10.jpg'
				},{
					'img_url':'//img20.360buyimg.com/vc/jfs/t17806/115/1722071419/256490/a5c808e9/5ad44fa9N40e78ee0.jpg'
				},{
					'img_url':'//img20.360buyimg.com/vc/jfs/t17719/254/1715679528/385386/136b712e/5ad457f4N1c94bdda.jpg'
				},{
					'img_url':'//img20.360buyimg.com/vc/jfs/t18631/221/1759366267/360415/31c9c713/5ad457f5Nd30de41d.jpg'
				},{
					'img_url':'//img20.360buyimg.com/vc/jfs/t17458/155/1687158946/249944/127a599b/5ad44f1cNf51f3bb0.jpg'
				},{
					'img_url':'//img20.360buyimg.com/vc/jfs/t16963/332/1688547089/409664/2513446b/5ad44f1fNcbc83fc4.jpg'
				},{
					'img_url':'//img20.360buyimg.com/vc/jfs/t19144/178/1698440149/443903/a0eb8c59/5ad44f20Nfcae6b37.jpg'
				}
					]
			}
		},
		created(){
			this.id=this.$route.params.id;
		}
	}

</script>

<style scoped>
	#tmpl h4{
		padding:5px;
		color:#0094ff;
	}
	#tmpl .line{
		border:0.5px solid rgba(0,0,0,0.1);
		width:100%;
	}
	ul{
		padding:0px;
	}
	ul li{
		list-style: none;
	}
	ul li img{
		width:100%;
	}
</style>